<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>08-事件对象</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            background-color:skyblue;
        }
    </style>
</head>
<body>
    <div>七里香</div>
    <script>
        /* 
            一切皆对象  元素是对象
            自定义对象  Array  Object  String
            1. e 就是事件对象，也可以写成event  作为函数的形参
            2. 系统自动创建的
            3. 里面可以查看很多属性，比如 坐标
            4. ie  678  有兼容性问题
        */
       var div = document.querySelector('div');
       div.addEventListener('click',function(e){
           console.log(arguments);
           // 查看事件对象
           console.log(e);
       });
    </script>
</body>
</html>